<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="layui/jquery-3.2.1.min.js"></script>
    <script src="layui/layui.js"></script>
    <link href="layui/css/layui.css" rel="stylesheet">
    <style>
        div{
            border: 1px solid #000;
        }
    </style>
</head>
<body>
    <div class="layui-container">
        <div style="height: 100px"><h1>标题</h1></div>
        <div class="layui-row">
            <div class="layui-col-md2">
                导航栏
            </div>
            <div class="layui-col-md10">
                <h2>正文</h2>
                <div class="layui-row layui-bg-red">
                    <div class="layui-col-md4">列一</div>
                    <div class="layui-col-md4">列二</div>
                    <div class="layui-col-md4">列三</div>
                </div>
                <div class="layui-row layui-bg-cyan">
                    <div class="layui-col-md5">栏一</div>
                    <div class="layui-col-md7">栏二</div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>